<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>新华服装</title>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
  <script>
    document.addEventListener('plusready', function() {
        var webview = plus.webview.currentWebview();
        plus.key.addEventListener('backbutton', function() {
            webview.canBack(function(e) {
                if (e.canBack) {
                    webview.back();
                } else {
                    //webview.close(); //hide,quit
                    //plus.runtime.quit();
                    //=>首页返回键处理
                    //=>处理逻辑：1秒，连续两次按返回键，则退出应用
                    var first = null;
                    plus.key.addEventListener('backbutton', function() {
                        //首次按键，提示‘再按一次退出应用’
                        if (!first) {
                            first = new Date().getTime();                 //=>记录第一次按下退出键的时间
                            console.log('再按一次退出应用');                //=>给出提示
                            mui.toast('再按一次退出应用');
                            this.$notify({
                              message: "",
                              duration: 2000,
                              background: "rgba(0,0,0,0.2)"
                            });
                            history.go(-1);                               //=>回退到上一页
                            setTimeout(function() {                       //=> 1s后i清除
                                first = null;
                            }, 1000);
                        } else {
                            if (new Date().getTime() - first < 1000) {    //=>如果两次按下的时间小于 1 秒
                                plus.runtime.quit();                      //=>则退出应用
                            }
                        }
                    }, false);
                }
            })
        });
    });
  </script>
  <style>
    * { touch-action: pan-y; }
    body{
      margin: 0px;
      padding: 0px;
      /* background-color: coral; */
    }
  </style>
</html>
